

<template>
        <div>
            <span v-text="msg" class="red"></span>
            <button @click="add1(1,2)">add</button>  

            <router-link to="/login">登录</router-link>  
            <router-link to="/register">注册</router-link> 
            
            <router-view></router-view>

            <mt-button @click="tip" type="danger" size="large">danger</mt-button>
       
            <div class="mui-content">
		        <ul class="mui-table-view mui-grid-view mui-grid-9">
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-home"></span>
		                    <div class="mui-media-body">Home</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-email"><span class="mui-badge">5</span></span>
		                    <div class="mui-media-body">Email</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-chatbubble"></span>
		                    <div class="mui-media-body">Chat</div></a></li>
		            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		                    <span class="mui-icon mui-icon-location"></span>
		                    <div class="mui-media-body">location</div></a></li>
		            
		        </ul> 
		    </div>

            <ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://www.webhm.top:8080/upload/201504/16/201504161149414479.jpg">
						<div class="mui-media-body">
							幸福
							<p class='mui-ellipsis'>能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://www.webhm.top:8080/upload/201504/16/201504161149414479.jpg">
						<div class="mui-media-body">
							木屋
							<p class='mui-ellipsis'>想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="http://www.webhm.top:8080/upload/201504/16/201504161149414479.jpg">
						<div class="mui-media-body">
							CBD
							<p class='mui-ellipsis'>烤炉模式的城，到黄昏，如同打翻的调色盘一般.</p>
						</div>
					</a>
				</li>

			</ul>
        </div>        
</template>

<script>
import {add} from './calc.js';
import { Toast } from 'mint-ui';
    //负责导出.vue这个组件对象(它本质上是一个vue的对象,所以vue中该定义的元素都可以使用)
    //function add(x,y){
    //    console.log(x+y);
    //}
    //module.exports={
    export default{
        data(){  //等价于es5中的 data:function(){
            return {
                msg:'hello'
            }
        },
        methods:{
            //add,
            add1:add,
            //substrict:calc.substrict
            tip:function(){
                Toast('你好');
            }
        },
        created(){

        }
    }
</script>

<style scoped>
    .red{
        color: red;
    }
</style>   
